<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <input type="button" value="发送ajax请求路径参数" onclick="sendAjax()">
    <script>
       /*  
            请求路径参数：请求路径参数是在请求地址后以/进行分割，实际上就是请求地址的一部分
            路径参数是以/分割的一系列字符串，其意义在于对服务器资源进行统一定位
            路径参数用于描述本次请求的资源路径(图片、视频、css文件...),紧跟请求域名的后面，服务器通过解析路径参数获取资源位置
            将请求必要参数定义在路径中，用于服务器限制对应地址的访问规则
            如：/params/getUser/参数值1/参数值2

            服务器端接收：/params/getUser/:参数名1/:参数名2
        */

        function sendAjax(){
            let xhr=new XMLHttpRequest();
            // xhr.open("get","/params/getUser/0");
            // xhr.open("get","/params/getUser/1");
            // xhr.open("get","/params/getUser/2");
            // xhr.open("get","/params/getUser/10");
            // xhr.open("get","/params/getUser/1/2"); //服务器端:/params/getUser/:id1/:id2
            xhr.onload=function(){
                console.log(xhr.responseText);
            };
            xhr.send();
        }
    </script>
</body>
</html>